<template>
	<view style="padding: 5rpx; display: flex; flex-direction: column; margin-bottom: 20rpx">
		<view style="display: flex; align-items: center">
			<img :src="data.avatar" style="height: 80rpx; width: 80rpx; border-radius: 10rpx; margin: 10rpx; background-color: skyblue" />
			<text>{{ data.userName }}</text>
		</view>
		<text style="margin-left: 10rpx; margin-top: 20rpx; padding-left: 10rpx">
			{{ data.context }}
		</text>
		<text style="margin-top: 10rpx; margin-left: 10rpx; padding-left: 10rpx; color: #ccc; text-align: right">
			{{ data.createDateTime }}
		</text>
	</view>
</template>

<script>
export default {
	props: {
		data: {
			type: Object,
			require: true
		}
	},
};
</script>

<style></style>
